<template>
  <div class="title">
    <span class="iconfont title-icon">&#xe699;</span>
    <span class="title-text">{{titleName}}</span>
    
    <span class="more" @click="$router.push(moreLink)">
      更多
      <span class="iconfont">&#xe614;</span>
    </span>
    
  </div>
</template>

<script>
export default {
  name: "my-title",
  data() {
    return {
      // titleName: ""
    };
  },
  props: ["titleName","moreLink"]
};
</script>

<style lang="stylus" scoped>
@import '~@/assets/style/variable.styl'
.title {
  line-height: 0.8rem;
  height: 0.8rem;
  font-size: 0;

  .title-text {
    font-weight: bolder;
    font-size: 0.36rem;
  }

  .more {
    color: #8a8a8a;
    float: right;
    font-size: 0.24rem;
    margin-right: 0.3rem;

    .iconfont {
      font-size: 0.24rem;
    }
  }

  .title-icon {
    color: $themeColor;
    font-size: 0.38rem;
    margin-left: 0.1rem;
  }
}
</style>